﻿<div>
    <div class="modal-header">
        <h3 class="modal-title">@L("NewEvent")</h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal">
            <fieldset>
                <div class="form-group">
                    <label class="col-lg-2 control-label">@L("Title")</label>
                    <div class="col-lg-10">
                        <input ng-model="vm.event.title" type="text" class="form-control" name="EventTitle">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">@L("Description")</label>
                    <div class="col-lg-10">
                        <textarea ng-model="vm.event.description" class="form-control" rows="5" name="EventDescription"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">@L("Date")</label>
                    <div class="col-lg-10">
                        <input ng-model="vm.event.date" type="text" class="form-control" name="EventDate" placeholder="YYYY-MM-DD HH:MM">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-lg-2 control-label">@L("MaxRegistrationCount")</label>
                    <div class="col-lg-10">
                        <input ng-model="vm.event.maxRegistrationCount" type="number" class="form-control" name="EventMaxRegistrationCount">
                        <small class="text-muted">0: @L("Unlimited").</small>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-warning" ng-click="vm.cancel()">@L("Cancel")</button>
        <button class="btn btn-primary" ng-click="vm.save()">@L("Save")</button>
    </div>
</div>